<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>景点攻略</title>
    <link rel="stylesheet" href="CSS/jingdian.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script>
        $(document).ready(function () {
            $('#head').load('head.html')
            $('#foot').load('foot.html')
            
        }); 
    </script>
</head>

<body>
    <div id="head"></div>
    <div id="sImg"></div>
    <div id="scenicContainer">
        <div class="waveline"></div>
        <div class="plane"></div>
        <div id="troScenic">
                <div class="ViewProduce">View Produce</div>
            <div class="sheadsecond">景点攻略</div>
            <div id="total_bottom">
                <ul>
                    <li><img src="images/food/food9.jpg" style="width: 300px ;height: 300px;">
                        <div class="part">江南水乡</div>
                    </li>
                    <li><img src="images/food/food13.jpg" width="300px" height="300">
                        <div class="part">江南水乡</div>
                    </li>
                    <li><img src="images/food/food10.jpg" width="300px" height="300">
                        <div class="part">江南水乡</div>
                    </li>
                    <li><img src="images/food/food11.jpg" width="300px" height="300">
                        <div class="part">江南水乡</div>
                    </li>
                    <li><img src="images/food/food12.jpg" width="300px" height="300">
                        <div class="part">江南水乡</div>
                    <li><img src="images/food/food1.jpg" width="300px" height="300">
                        <div class="part">江南水乡</div>
                    </li>
                    <li><img src="images/food/food2.jpg" width="300px" height="300">
                        <div class="part">江南水乡</div>
                    </li>
                    <li><img src="images/food/food3.jpg" width="300px" height="300">
                        <div class="part">江南水乡</div>
                    </li>

                </ul>
            </div>
        </div>
        <div class="waveline"></div>
        <div class="plane"></div>
        <div id="hotScenic">
            <div class="shead">热门景点</div>
            <div class="center_first">
                <div class="font">
                    <p><br /><br /><br />巴厘岛，印度尼西亚岛屿，位于爪哇岛东部，面积5620平方公里，岛上热带植被茂密，是举世闻名的旅游岛。</p><br />
                    <p>巴厘岛上大部分为山地，全岛山脉纵横，地势东高西低。岛上最高峰是阿贡火山海拔3142米。也通行印尼语和英语。由于巴厘岛万种风情，景物甚为绮丽。因此它还享有多种别称，如“神明之岛”、“恶魔之岛”、“罗曼斯岛”、“绮丽之岛”、“天堂之岛”、“魔幻之岛”、“花之岛”等。2015年由美国著名旅游杂志《旅游+休闲》一项调查结果把印尼巴厘岛评为世界上最佳的岛屿之一。
                    </p>
                    <span >查看更多</span>
                </div>
            </div>
            <div class="center_first">
                <div class="font_left">
                    <p><br /><br /><br />巴厘岛，印度尼西亚岛屿，位于爪哇岛东部，面积5620平方公里，岛上热带植被茂密，是举世闻名的旅游岛。</p><br />
                    <p>巴厘岛上大部分为山地，全岛山脉纵横，地势东高西低。岛上最高峰是阿贡火山海拔3142米。也通行印尼语和英语。由于巴厘岛万种风情，景物甚为绮丽。因此它还享有多种别称，如“神明之岛”、“恶魔之岛”、“罗曼斯岛”、“绮丽之岛”、“天堂之岛”、“魔幻之岛”、“花之岛”等。2015年由美国著名旅游杂志《旅游+休闲》一项调查结果把印尼巴厘岛评为世界上最佳的岛屿之一。
                    </p>
                    <span>查看更多</span>
                </div>
            </div>
            <div class="center_first">
                <div class="font">
                    <p><br /><br /><br />巴厘岛，印度尼西亚岛屿，位于爪哇岛东部，面积5620平方公里，岛上热带植被茂密，是举世闻名的旅游岛。</p><br />
                    <p>巴厘岛上大部分为山地，全岛山脉纵横，地势东高西低。岛上最高峰是阿贡火山海拔3142米。也通行印尼语和英语。由于巴厘岛万种风情，景物甚为绮丽。因此它还享有多种别称，如“神明之岛”、“恶魔之岛”、“罗曼斯岛”、“绮丽之岛”、“天堂之岛”、“魔幻之岛”、“花之岛”等。2015年由美国著名旅游杂志《旅游+休闲》一项调查结果把印尼巴厘岛评为世界上最佳的岛屿之一。
                    </p>
                    <span>查看更多</span>

                </div>
            </div>
        </div>
        <div class="waveline"></div>
        <div class="plane"></div>
        <div class="nav-view">热门攻略</div>
        <div id="scenic3">
        <div id="bottm_picfont"> <div class="leftPic"><img src="images/view/leftPic1.jpg"></div>
        <div class="rightFont">苏州古典园林，简称“苏州园林”，是世界文化遗产。苏州古典园林的历史可上溯至公元前6世纪春秋时期吴王的园囿，私家园林最早见于记载的是东晋(4世纪)的辟疆园，历代造园兴盛，名园日多。明清时期，苏州成为中国最繁华的地区，私家园林遍布古城内外。16--18世纪全盛时期，苏州有园林200余处。</div></div>
           
            <div id="bottm_picfont"><div class="leftPic"><img src="images/view/leftPic1.jpg"></div>
           
            <div class="rightFont">苏州古典园林，简称“苏州园林”，是世界文化遗产。苏州古典园林的历史可上溯至公元前6世纪春秋时期吴王的园囿，私家园林最早见于记载的是东晋(4世纪)的辟疆园，历代造园兴盛，名园日多。明清时期，苏州成为中国最繁华的地区，私家园林遍布古城内外。16--18世纪全盛时期，苏州有园林200余处。</div></div>
            <div id="bottm_picfont"><div class="leftPic"><img src="images/view/leftPic1.jpg"></div>
            <div class="rightFont">苏州古典园林，简称“苏州园林”，是世界文化遗产。苏州古典园林的历史可上溯至公元前6世纪春秋时期吴王的园囿，私家园林最早见于记载的是东晋(4世纪)的辟疆园，历代造园兴盛，名园日多。明清时期，苏州成为中国最繁华的地区，私家园林遍布古城内外。16--18世纪全盛时期，苏州有园林200余处。</div></div>
        </div>
        </div>
      
    
    <div id="foot"></div>
</body>
